<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:composition template="/WEB-INF/content/layout.xhtml">
        <ui:define name="script">

<script src="/content/canvas.js" />

        </ui:define>
        <ui:define name="title">${msg['menu.client.canvas']}</ui:define>
        <ui:define name="content">

<canvas id="clock" width="280" height="280" onclick="window.location = this.toDataURL()" />
<br/><a href="#" onclick="save(this)">Download</a>
<a href="#popupMessage" onclick="upload(this)" data-rel="popup" data-transition="slide" data-position-to="origin">Upload</a>
<p data-role="popup" id="popupMessage" class="ui-content" />
        </ui:define>
    </ui:composition>

</html>
